﻿<div class="main">
    <div class="loader"></div>
    <div class="container">
        <article class="post-wrap">
            <script id="detail_tmpl" type="text/template">
                <header class="post-header">
                    <h1 class="post-title">{{@@result.title}}</h1>
                    <div class="post-meta">
                        Author: <a itemprop="author" rel="author" href="javascript:;">{{@@result.author}}</a>
                        <span class="post-time">
                            Date: <a href="javascript:;">{{@@result.creationTime}}</a>
                        </span>
                        <span class="post-category">
                            {{if result.category }}
                            Category:
                            <a href="/category/{{@@result.category.displayName}}/">{{@@result.category.categoryName}}</a>
                            {{/if}}
                        </span>
                    </div>
                </header>
                <div class="post-content" id="content">
                    {{@@result.html}}
                </div>
                <section class="post-copyright">
                    <p class="copyright-item">
                        <span>Author:</span>
                        <span>{{@@result.author}}</span>
                    </p>
                    <p class="copyright-item">
                        <span>Permalink:</span>
                        <span><a href="/post{{@@result.url}}">https://meowv.com/post{{@@result.url}}</a></span>
                    </p>
                    <p class="copyright-item">
                        <span>License:</span>
                        <span>本文采用<a target="_blank" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"> 知识共享 署名-非商业性使用-禁止演绎(CC BY-NC-ND)国际许可协议 </a>进行许可</span>
                    </p>
                </section>
                <section class="post-tags">
                    <div>
                        <span>Tag(s):</span>
                        <span class="tag">
                            {{each result.tags}}
                            <a href="/tag/{{$value.displayName}}/"># {{$value.tagName}}</a>
                            {{/each}}
                        </span>
                    </div>
                    <div>
                        <a href="javascript:window.history.back();">back</a>
                        <span>· </span>
                        <a href="/">home</a>
                    </div>
                </section>
                <section class="post-nav">
                    {{if result.previous }}
                    <a class="prev" rel="prev" href="/post{{@@result.previous.url}}">{{@@result.previous.title}}</a>
                    {{/if}}
                    {{if result.next }}
                    <a class="next" rel="next" href="/post{{@@result.next.url}}">{{@@result.next.title}}</a>
                    {{/if}}
                </section>
            </script>
        </article>
    </div>
</div>
@section scripts{
<script src="https://static.meowv.com/js/axios.min.js"></script>
<script src="https://static.meowv.com/js/template-web.js"></script>
<script src="https://static.meowv.com/js/jquery-3.4.1.min.js"></script>
<script src="https://static.meowv.com/editor.md/editormd.min.js"></script>
<script src="https://static.meowv.com/editor.md/lib/marked.min.js"></script>
<script src="https://static.meowv.com/editor.md/lib/prettify.min.js"></script>
}